// 获取友情链接
function getLink() {
  $.ajax({
    type: 'GET',
    url: 'admin/links',
    success: function (res) {
      if (res.status === 0) {
        let html = template('tpl-link', res);
        $('tbody').html(html);
      }
    }
  })
}
getLink();
var form = layui.form;
// 添加友情链接
let addindex;
$('.add-btn').on('click', function () {
  addindex = layer.open({
    title: '添加友情链接',
    type: 1,
    area: ['500px', '350px'],
    content: $('#tpl-add').html(),
  });
})
$('body').on('click', '.upbtn', function () {
  $('.addfile').trigger('click');
})
$("body").on('change', '.addfile', function () {
  let file = $(this)[0].files[0];
  let newImgURL = URL.createObjectURL(file)
  $(this).next().attr('src', newImgURL).css('display', 'inline-block')
})
$('body').on('submit', '.addForm', function (e) {
  e.preventDefault();
  let dataForm = new FormData(this);
  $.ajax({
    type: 'POST',
    url: 'admin/links',
    data: dataForm,
    processData: false,
    contentType: false,
    success: function (res) {
      if (res.status === 0) {
        layer.msg('添加成功');
        getLink();
        layer.close(addindex);

      }
    }
  })
})
$('body').on('click', '#add-reset', function () {
  $(this).parents('.addForm').find('#image').attr('src', '').hide()
})



// 删除友情链接
$('tbody').on('click', 'button:contains("删除")', function () {
  let id = $(this).data('id');
  console.log(id)
  $.ajax({
    type: 'DELETE',
    url: 'admin/links/' + id,
    success: function (res) {
      if (res.status === 0) {
        layer.confirm('确定要删除吗？', { icon: 3, title: '信息' }, function (index) {
          layer.msg('删除成功')
          getLink();
          layer.close(index);
        });

      }
    }
  })
})

// 编辑友情链接
let id;
let index;
function editLink() {
  $.ajax({
    type: 'GET',
    url: 'admin/links/' + id,
    success: function (res) {
      $('.linkname')[0].value = res.data.linkname
      $(' .linkurl')[0].value = res.data.linkurl
      $('.linkdesc')[0].value = res.data.linkdesc
      $('#image').attr('src', 'http://localhost:8888/uploads/' + res.data.linkicon)
    }
  })
}
$('tbody').on('click', 'button:contains("编辑")', function () {
  id = $(this).data('id');
  index = layer.open({
    title: '编辑友情链接',
    type: 1,
    area: ['500px', '350px'],
    content: $('#tpl-edit').html(),
    success: function () {
      editLink()
    }
  });
});
$('body').on('click', '.editbtn', function () {
  console.log(111)
  $('.editfile').trigger('click');
})
$("body").on('change', '.editfile', function () {
  let file = $(this)[0].files[0];
  let newImgURL = URL.createObjectURL(file)
  $(this).next().attr('src', newImgURL).css('display', 'inline-block')
})
$('body').on('submit', '.editForm', function (e) {
  e.preventDefault();
  console.log(id)

  let dataForm = new FormData(this);
  $.ajax({
    type: 'PUT',
    url: 'admin/links/' + id,
    data: dataForm,
    processData: false,
    contentType: false,
    success: function (res) {
      if (res.status === 0) {
        layer.msg('编辑成功');
        layer.close(index)
        getLink();
      }
    }
  })
})
$('body').on('click', '#edit-reset', function () {
  editLink()
})


